<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="加载一个axios.js"></script>

  <script>
    //通用的方法 (可以发送任何方式的请求) -- axios()
    //axios({/* 请求的配置 */}); //https://www.axios-http.cn/docs/req_config
    axios({
      url: 'https://www.xxx.com:3306/api/getbooks',
      method: 'GET',
      params:{
        ID:12345
      },
      // data有几种格式？
      /* 
        1,查询字符串格式  (参数等于值&参数等于值&参数等于值)  bookname=aa&author=bb&&publisher=cc  ==> application/x-www-form-urlencoded
        2，字面量对象格式 ==> 真正发请求的时候，axios会把它转成JSON格式         ==> application/json <-- 这个是Content-Type 表示接口需要什么格式的请求体
        3，FormData对象格式 （new FormData()）                             ===> multipart/form-data
        4,测试测试
        */
      data:{
        firstName:'Fred',
        author:'sss',
        publisher:'xxx'
      },
      header:{}
    })
    //其他快捷方法 --axios.get()
    axios.get('http://xxx.com:3309/api/getbooks',{
      params:{
        id:1
      }
    })
     //其他快捷方法 --axios.delete(url,请求的配置)
    //其他快捷方法 --axios.post(url,data,请求的配置)
    axios.post('http://www.xx.com:3000/api/addbook',{bookname:'西游记'})
    //其他快捷方法 --axios.put()
    // ....

  </script>
</body>
</html>